<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="./js/jquery-3.2.1.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="./js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <link href="./css/bootstrap.min.css" rel="stylesheet">

    <script type="text/javascript">
        function bodyLoad(){
            var dateTime=new Date();
            var hh=dateTime.getHours();
            if(hh<10) hh = '0' + hh;
            var mm=dateTime.getMinutes();
            if(mm<10) mm = '0' + mm;
            var ss=dateTime.getSeconds();
            if(ss<10) ss = '0' + ss;
            var yy=dateTime.getFullYear();

            var MM=dateTime.getMonth()+1;  //因为1月这个方法返回为0，所以加1
            var dd=dateTime.getDate();

            var week=dateTime.getDay();

            var days=[ "日 ", "一 ", "二 ", "三 ", "四 ", "五 ", "六 ",]

            document.getElementById("date").value=yy+"年"+MM+"月"+dd+"日 "+"星期"+days[week] ;
            document.getElementById("time").value=hh+":"+mm+":"+ss;

            setTimeout(bodyLoad,1000);
        }
    </script>
</head>
<body  onload="bodyLoad()" background="img/timg.jfif">
<%--<h3>--%>
<%--  <a href="${pageContext.request.contextPath}/detail/allDetail">进入</a>--%>
<%--</h3>--%>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-4 col-md-offset-2">
            <input type="text" id="date" style="border:0 none;" /><input type="text" id="time" style="border:0 none;" />
        </div>
        <div class=" col-md-2 col-md-offset-4">
            <a href="${pageContext.request.contextPath}/toLogin">管理员登录</a>
            &nbsp; | &nbsp;
            <a href="${pageContext.request.contextPath}/toLoginC">城管登录</a>

        </div>
        <div class="col-md-10 col-md-offset-2">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="img/lunbo001.png" alt="...">
                    </div>
                    <div class="item">
                        <img src="img/lunbo002.png" alt="...">
                    </div>
                    <div class="item">
                        <img src="img/lunbo003.png" alt="...">
                    </div>
                    <div class="item">
                        <img src="img/lunbo004.png" alt="...">
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>

        <div class="col-md-10 col-md-offset-2">
            <div class="col-md-2">
                <h4 style="font-size:15px"><a href="">法律法规</a> </h4>
            </div>

            <div class="col-md-2 col-md-offset-1">
                <div class="dropdown">
                    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                        全部垃圾
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                        <li><a href="${pageContext.request.contextPath}/detail/rsDetail" target="iframe-a"> 全部垃圾</a></li>
                        <li><a href="${pageContext.request.contextPath}/detail/gDetail" target="iframe-a">干垃圾</a></li>
                        <li><a href="${pageContext.request.contextPath}/detail/sDetail" target="iframe-a">湿垃圾</a></li>
                        <li><a href="${pageContext.request.contextPath}/detail/khsDetail" target="iframe-a">可回收垃圾</a></li>
                        <li><a href="${pageContext.request.contextPath}/detail/yhDetail" target="iframe-a">有害垃圾</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-md-2 col-md-offset-1 ">
                <h4 style="font-size:15px"><a class="alert" href="${pageContext.request.contextPath}/question/allQuestion" target="iframe-a">热门问题</a></h4>
            </div>
            <div class="col-md-2 col-md-offset-1">
                <h4 style="font-size:15px"><a class="alert" href="${pageContext.request.contextPath}/record/allRecord" target="iframe-a">处罚记录</a></h4>
            </div>

        </div>

        <div class="col-md-10 col-md-offset-2">
            <div class="embed-responsive embed-responsive-16by9">
                <iframe class="embed-responsive-item" src="http://localhost:8088/allLaws" name="iframe-a"></iframe>
            </div>
        </div>
    </div>





</div>

    <script type="text/javascript">
        //轮播自动播放
        $('#carousel-example-generic').carousel({
//自动4秒播放
            interval : 4000,
        });
    </script>
</body>
</html>
